.header{ height: 50px; border-bottom: none;}
.head{ width: 100%;}
.head .logo{ width: auto;}
.head .logo a{ padding: 0 2vw;}
.head .logo a img{ width: auto; height: 100%;}
.head .hotline{ display: none;}
.nk-menu{ position: absolute; top: 0; right: 0; display: block; width: 50px; height: 50px; background: url('../img/menu.png') center center no-repeat;}
.nk-close{ position: absolute; top: 0; right: 0; display: block; width: 50px; height: 50px; background: url('../img/close.png') center center no-repeat;}
.head .nav{ position: fixed; width: 100vw; height: 100vh; background: #404040; z-index: 9; display: none;}
.nav-list .sub{ position: relative; top: 0;}
.nav-list{ width: 100%; padding: 10vw; margin: auto;}
.nav-list li{ float: none; width: 100%!important; height: auto;}
.nav-list li a{ padding: 1em 0; font-size: 18px; text-align: center; line-height: 2;}
.slide{ width: 100vw; height: 58.35vw; min-width: auto;}
.slide .bd li{ height: 58.35vw}

.slide .hd{ bottom: 10px; width: 100%; text-align: center;}

.section{ min-width: auto;}
.service .caption:before, 
.service .caption:after,
.case .caption:before, 
.case .caption:after,
.news .caption:before, 
.news .caption:after{ width: 25%;}
.service .caption:before,
.case .caption:before,
.news .caption:before{ left: 0; margin: 0!important;}
.service .caption:after,
.case .caption:after,
.news .caption:after{ right: 0; margin: 0!important;}

.about-box{ top: 0; width: 100%; height: auto; padding: 10vw 5vw; border: none; border-radius: 0;}
.about-box .background{ display: none;}
.about-box .content{ width: 100%; padding: 0;}
.about-box .number{ width: 100%; padding: 0; padding-top: 5vw;}
.about-box .number li{ width: 33.3333%;}
.about-box .number li span{ font-size: 20px; line-height: 2;}
.about-box .number li b{ font-size: 12px; line-height: 1;}

.leader-box{ display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; padding: 10vw 5vw; margin: 0;}
.leader-box .info{ float: none; order: 2; width: 100%; padding: 5vw 0; margin: 0;}
.leader-box .info .name{ width: auto; height: auto;}
.leader-box .info .name img{ width: auto; height: 40px;}
.leader-box .thumb{ float: none; order: 1;}
.leader-box .content{ float: none; order: 3; width: 100%; padding: 0;}

.service{ padding: 10vw 5vw;}

.service-list{ width: 100%; padding: 0;}
.service-list li{ width: 50%; padding-top: 5vw;}

.news{ padding: 10vw 0 0;}
.news .caption{ width: 100%;}
.news .caption .category{ top: 85px; right: 0; left: 0; margin: auto;}

.news-list li a{ width: 100%; padding: 5vw;}
.news-list li a:before{ top: 26px; left: 5px;}
.news-list li a .info{ width: 100%;}
.news-list li a .info .desc{ padding: 0; margin: 15px 0; font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden;}

.news-list li a .date{ display: none;}

.support{ width: 100%; padding: 10vw 5vw; margin: 0; background: #fff;}
.support .left{ float: none; width: 100%;}

.support .right{ float: none; width: 100%;}

.question-box{ padding-top: 10vw;}
.question-list li{ padding-top: 2vw;}

.footer{ padding-top: 0; margin-top: 0;}
.foot{ width: 100%; padding-top: 80px; background: url('../img/banner.png') center top no-repeat; background-size: 100%;}

.contact-list{ width: 100%; padding: 0 5vw;}
.contact-list li{ width: 100%;}

.copyright{ height: auto;}
.copyright .content{ width: 100%; height: auto; padding: 5vw;}
.copyright .icp{ float: none; font-size: 11px; line-height: 2;}
.copyright .cpy{ float: none; font-size: 11px; line-height: 2;}

.case{ padding: 10vw 5vw;}
.case-tab{ width: 100%; height: auto; background: #fff; overflow: visible;}
.case-tab .bd{ float: none; width: 100%;}

.case-tab .hd{ top: -50px; left: 0; width: 100%; height: auto; padding: 0; margin: auto;}
.case-tab .hd a.more{ display: none;}
.case-tab .hd ul{ font-size: 0; text-align: center;}
.case-tab .hd ul li{ display: inline-block; margin: 0 10px}
.case-tab .hd ul li a{ margin: 0;}
.case-tab .hd ul li.on a:after{ display: none;}

.case-list{ padding: 5vw 10vw; background: #fff!important;}

.product{ padding: 10vw 5vw}
.product-box{ width: 100%;}
.product-box .title{ width: 100%; height: auto;}
.product-box .title a.more{ right: 0; left: auto; top: 0; bottom: 0; margin: auto;}
.product-box .content{ width: 100%;}
.product-list li{ float: none; width: 100%; margin-top: 5vw;}
.product-list li a{ padding: 0;}
.product-list li a .thumb{ height: 67.5vw;}

.product-box .accordion .items-con{ height: auto; padding: 5vw 0;}
.product-box .accordion .items-con a{ padding: 2.5vw 5vw; margin: 0; line-height: 1;}

/* sub */
.footer.sub{ padding: 0;}
.banner{ width: 100vw; height: 48.75vw;}

.location{ height: auto; border-bottom: none;}
.location .content{ width: 100%; height: auto;}
.location .content .caption{ float: none; width: 100%; text-align: center; background: #fff; }
.location .content .caption a{ margin: 0 1em; line-height: 2.5;}
.location .content .bread{ float: none; padding: 0 5vw; background: #eee;}
.location .content .bread span, .location .content .bread a, .location .content .bread b{ line-height: 3;}

.article{ width: 100%; padding: 5vw;}

.article-content{ padding: 5vw 0;}

.article-around .content{ width: 100%;}
.article-around .content a.prev{ display: none;}
.article-around .content a.next{ width: 100%; padding: 0 5vw;}
.article-around .content a:after{ left: 20px;}

.nk-accordion{ width: 100%; padding: 0 5vw;}
.nk-accordion .items-con{ height: auto; padding: 5vw 0;}
.nk-accordion .items-con a{ padding: 2.5vw 5vw; margin: 0; line-height: 1;}

.list-product{ width: 100%; padding: 0 5vw;}
.list-product li{ width: 100%; padding: 0;}
.list-product li a .thumb{ height: 67.5vw;}

.page-box b,
.page-box input{ display: none;}

.list-news li a{ width: 100%; padding: 5vw;}
.list-news li a:before{ top: 26px; left: 5px;}
.list-news li a .info{ width: 100%;}
.list-news li a .info .desc{ padding: 0; margin: 15px 0; font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden;}

.list-news li a .date{ display: none;}

.list-support{ width: 100%; padding: 0 5vw}

.list-download{ width: 100%; padding: 0 5vw;}
.list-download li:nth-child(odd),
.list-download li:nth-child(even){ padding: 5vw 0 0;}
.list-download li{ float: none; width: 100%;}

.about-number{ width: 100%; height: auto; padding: 0; margin: 0; border: none; border-radius: 0; overflow: hidden;}
.about-number .items{ height: auto; line-height: 1;}
.about-number .items i{ display: block; margin: auto;}
.about-number .items .info{ display: block; padding-bottom: 5vw;}
.about-number .items .info span{ display: block; font-size: 20px; line-height: 2; text-align: center;}
.about-number .items .info b{ display: block; font-size: 12px; line-height: 1; text-align: center;}

.about-section{ padding: 5vw;}

.survey .content{ width: 100%; padding: 5vw 0;}

.culture .content{ width: 100%; padding: 5vw 0;}
.culture .content .thumb{ width: 100%; height: 60vw;}
.culture .content .info{ width: 100%; padding-top: 5vw;}
.culture .content a.more{ display: none;}

.leader .content{ width: 100%; padding: 0;}
.leader .content .thumb{ float: none; margin: auto;}
.leader .content .info{ font: none; width: 100%; padding-top: 5vw;}
.leader .content a.more{ display: none;}

.about-fixed{ right: -100%;}

.honor .content{ width: 100%; padding: 0;}

.honor .content a.prev,
.honor .content a.next{ display: none;}

.honor-list li{ float: none; width: 100%; padding-top: 5vw;}
.honor-list li a{ padding: 0;}
.honor-list li a .thumb{ height: 67.5vw;}

.patent .content{ width: 100%; padding: 0;}
.patent .content a.prev,
.patent .content a.next{ display: none;}
/* 
.nk-accordion{ padding: 0 3.5vw;}
.nk-accordion .items-tit{ display: none;}
.nk-accordion .items-con{ padding: 0; background: none;}
.nk-accordion .items-con a{ background: #e4e6ec; padding: 0 1em; margin: .25em .5em; font-size: 13px; line-height: 2.5;} */